@function px2rem($px) {
    @return $px / 150 * 1rem;
}

body {
    background-color: #f4f4f4;
}

.nav-bar {
    height: px2rem(180);
    display: flex;
    align-items: center;
    background-color: white;
    .nav-left {
        width: 16%;
        padding: 0 2%;
        text-align: center;
        span {
            font-size: px2rem(60);
        }
        a {
            font-size: px2rem(75);
        }
    }
    .nav-center {
        width: 60%;
        text-align: center;
        flex: 1;
        a {
            font-size: px2rem(75);
        }
    }
    .nav-right {
        width: 20%;
    }
}

.header {
    display: flex;
    height: px2rem(2410);
    justify-content: center;
    position: relative;
    .header-top {
        height: px2rem(560);
        margin-top: px2rem(280);
        dl {
            width: px2rem(740);
            text-align: center;
            dt {
                img {
                    height: px2rem(375);
                }
            }
            dd {
                padding-top: px2rem(100);
                font-size: px2rem(70);
            }
        }
    }
    .header-bottom {
        position: absolute;
        top: px2rem(1090);
        display: flex;
        width: 100%;
        .bottom-left {
            width: 45%;
            button {
                width: px2rem(440);
                height: px2rem(160);
                text-align: center;
                font-size: px2rem(60);
                color: white;
                background-color: #ff5a00;
                border: none;
                border-radius: px2rem(20);
                float: right;
            }
        }
        .bottom-center {
            width: 10%;
        }
        .bottom-right {
            width: 45%;
            button {
                width: px2rem(440);
                height: px2rem(160);
                text-align: center;
                font-size: px2rem(60);
                color: black;
                background-color: white;
                border: none;
                border-radius: px2rem(20);
                border: 1px solid #ccc;
            }
        }
    }
}